<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>后台系统</title>
    <!--easyui-->
    <script src="../assets/easyui/jquery.min.js"></script>
    <script src="../assets/easyui/jquery.easyui.min.js"></script>
    <script src="../assets/easyui/locale/easyui-lang-zh_CN.js"></script>

    <link rel="stylesheet" href="../assets/super/css/font-awesome.min.css">
    <link rel="stylesheet" href="../assets/super/superBlue.css" id="themeCss">
    <script src="../js/super.js"></script>
    <script src="../js/superDemo.js"></script>

    <!--layer-->
    <link rel="stylesheet" href="../assets/layer/theme/default/layer.css">
    <link rel="stylesheet" href="../css/style.min.css">
    <script src="../assets/layer/layer.js"></script>
    <script src="../js/yun.js"></script>
</head>
<body id="main" class="easyui-layout">
<div data-options="region:'north',border:false" class="super-north">
    <!--顶部-->
    <div class="nav">
        <!--系统名称-->
        <div class="nav-title fl">内控管理及评价系统</div>
        <!--自定义导航-->
        <div class="nav-main fr">
            <div class="nav-main-l fl">
                <ul>
                    <li>
                        <i class="fa fa-bank"></i>
                        <span class="red-bg">党政办</span>
                    </li>
                    <li>
                        <i class="fa fa-address-card-o"></i>
                        <span class="orange-bg">超级管理员</span>
                    </li>
                </ul>
            </div>
            <div class="nav-main-r fr">
                <ul>
                    <li class="setting">
                        <div><i class="fa fa-gears"></i></div>
                        <div id="setting-mm" class="easyui-menu">
                            <div class="person-info">个人信息</div>
                            <div class="change-psw">修改密码</div>
                            <div class="sys-info">系统消息</div>
                            <div class="change-role">切换角色</div>
                            <div class="qus-send">问题反馈</div>
                            <div class="menu-sep"></div>
                            <div id="logout">退出</div>
                        </div>
                    </li>
                    <li class="user">
                        <span class="user-icon"><img src="../images/favicon.png"/></span>
                        <span class="user-name">admin</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div data-options="region:'west',title:'系统菜单',border:false" class="super-west">
    <!--左侧导航-->
    <div class="easyui-accordion" data-options="border:false,fit:true,selected:true">
        <div title="布局" data-options="iconCls:'fa fa-desktop'">
            <ul>
                <li data-url='../y-demo/panel.html'>面板</li>
                <li data-url='../y-demo/tabs.html'>选项卡</li>
                <li data-url='../y-demo/accordion.html'>分类</li>
                <li data-url='../y-demo/layout.html'>布局</li>
            </ul>
        </div>
        <div title="基本元素" data-options="iconCls:'fa fa-wpforms'">
            <ul>
                <li data-url='../y-demo/button.html'>按钮</li>
                <li data-url='../y-demo/form.html'>表单</li>
                <li data-url="../y-demo/menu.html">菜单</li>
                <li data-url='../y-demo/other.html'>其他</li>
            </ul>
        </div>
        <div title="窗口" data-options="iconCls:'fa fa-window-maximize'">
            <ul>
                <li data-url='../y-demo/window.html'>窗口</li>
                <li data-url='../y-demo/dialog.html'>对话框</li>
                <li data-url="../y-demo/message.html">消息窗口</li>
            </ul>
        </div>
        <div title="表格和树" data-options="iconCls:'fa fa-table'">
            <ul>
                <li data-url='../y-demo/datagrid.html'>表格</li>
                <li data-url='../y-demo/tree.html'>树</li>
            </ul>
        </div>
        <div title="预算管理" data-options="iconCls:'fa fa-money'">
            <ul>
                <li data-url='../y-ysgl/datagrid.html'>项目名称维护</li>
            </ul>
        </div>
        <div title="系统管理" data-options="iconCls:'fa fa-cog'">
            <ul>
                <li data-url='../y-xtgl/yhgl.html'>用户管理</li>
                <li data-url='../y-xtgl/juese.html'>角色管理</li>
                <li data-url='../y-xtgl/zzjg.html'>组织机构</li>
            </ul>
        </div>
    </div>
</div>
<div data-options="region:'center'" style="padding-top: 2px;">
    <!--主要内容-->
    <div id="tt" class="easyui-tabs" data-options="border:false,fit:true">
        <div title="首页" data-options="iconCls:'fa fa-home'">
            <iframe class="tab-iframe" scrolling="auto" frameborder="0" src="../y-demo/button.html"></iframe>
        </div>
        <!--右键菜单-->
        <div id="mmm" class="easyui-menu" style="width: 130px;">
            <div id="mm-tabupdate">刷新</div>
            <div id="mm-tabclose">关闭</div>
            <div id="mm-tabcloseall">关闭全部</div>
            <div id="mm-tabcloseother">关闭其他</div>
            <div class="menu-sep"></div>
            <div id="mm-tabcloseright">关闭右侧全部</div>
            <div id="mm-tabcloseleft">关闭左侧全部</div>
        </div>
    </div>
</div>
<div data-options="region:'south'" class="super-south">
    <!--页脚-->
    <div class="super-footer-info">
        <span><i class="fa fa-info-circle"></i> 作者：领衔主演@云</span>
        <span><i class="fa fa-copyright"></i> CopyRight 2018 版权所有 <i class="fa fa-caret-right"></i></span>
    </div>
</div>
<!--主题整体布局 end-->

<script>
    $(function () {
      $('.person-info').on('click',function () {
        var w=$(window).width(),h=$(window).height()-50;
        var arr=[];
        w>750?arr[0]=750:arr[0]=w;
        h>500?arr[1]=500:arr[1]=h;
        iframeShow($(this).text(),'../y-setting/person-info.html',arr,{
          btn:['取消']
        })
      });

      $('.change-psw').on('click',function () {
        iframeShow($(this).text(),'../y-setting/change-psw.html',[500,240],{
          btn:['确定','取消'],
          yes:function (index,dom) {
            var ifrBody = dom.find('iframe').contents();
            ifrBody.find('#submit-btn').trigger('click');
          }
        })
      });

      $('.sys-info').on('click',function () {
        iframeShow($(this).text(),'../y-setting/sys-info.html',[500,440],{
          btn:['取消']
        })
      });


      // 退出系统
      $("#logout").on('click', function() {
        confirm('确定退出系统？',{
          btn:['确定','取消'],
          yes:function () {
            console.log('yes');
          }
        });
      });



    });
</script>
</body>
</html>